<% layout('layout/layout') %>
<% block('header').append(`<style>
</style>`)%>
	<!--banner-->
	<section class="banner">
        <% homeBanner.forEach(function (item) { %>
            <div><a href="<%=item.value1 || '#' %>"><img src="<%=item.value %>" alt=""></a></div>
        <% }) %>
	</section>

    <div class="wrap container">
         <div class="top">
            <span>关于我们</span>
             <i>THE PERMANENT WORKS</i>
            <em></em>
        </div>
        <%- info.about.value %>
    </div>
	
	<div class="case_home">
		<div class="case_com">
			<div class="top">
				<span>产品分类</span>
				<i>PRODUCT DISPLAY</i> 
				<em></em>
			</div>
			<ul class="clearfix">
                <% products.children.forEach(function(item){ %>
                    <li class="clearfix">
                        <div class="pic_ca" style="background:#FFF;">
                            <img src="<%=item.imgUrl %>" alt="" class="vcenter"/>
                            <i></i>
                            <a href="<%=item.relativeUrl %>" class="zhe_a slideExpandUp">
                                <div class="zhe_n">
                                    <p></p>
                                    <img src="/images/zhe_jia.png" alt="" />
                                </div>
                            </a>
                        </div>
                        <div class="text_ca">
                            <p><%=item.nameCn %>></p>
                            <a href="<%=item.relativeUrl %>">查看详细>></a>
                        </div>
                    </li>
                <% }) %>
			</ul>
		</div>
	</div>
<div style="padding-top: 20px;">
<div class="container nes">
	<div class="row">
		<div class="top">
				<span>新闻资讯</span>
				<i>NEWS</i> 
				<em></em>
			</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<div id="news_slide" class="news_slide_box">
							<div class="bd">
								<div class="tempWrap">
									<ul >
                                        <% news.forEach(function (item) { %>
                                            <li>
                                                <a class="pic" href="/article/detail/<%=item._id %>">
                                                    <img src="<%=item.imgUrl %>">
                                                    <span class="title">
                                                        <%=item.title %>
                                                    </span>
                                                </a>
                                            </li>
                                        <% }) %> 
								    </ul>
								</div>
							</div>
							<span class="prev"></span>
							<span class="next"></span>
						</div>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ul class="news_list">
                            <% news.forEach(function (item) { %>
                                <li>
                                    <div class="news_pic col-lg-3 col-md-3 col-sm-4 col-xs-12">									
                                        <a href="/article/detail/<%=item._id %>" class="">
                                            <img src="<%=item.imgUrl %>">
                                        </a>
                                    </div>
                                    <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
                                        <a href="/article/detail/<%=item._id %>" class="news_tit"><%=item.title %></a>
                                        <p class="news_time"><%=item.update_at_ago() %></p>
                                        <p class="news_desc"><%=item.subTitle %></p>
                                    </div>
                                </li>
                            <% }) %> 
						</ul>
					</div>
				</div>
</div>
</div>
<% if(info.links && info.links.value.some(item => item.value1)) { %>
<div class="wrap" style="background: #F4F4F4;">
    <div class="top">
        <span>合作伙伴</span>
        <i>COOPERATIVE PARTNER</i> 
        <em></em>
    </div>
    <div class="marquee">
        <ul>
            <% info.links.value.forEach(item => {  %>
                <li>
                    <a target="_blank" href="<%=item.value2 || '#' %>"><img src="<%= item.value1 %>"></a>
                </li>
            <% }) %>
        </ul>
    </div>
 </div>
 <% } %>
<% block('footer').append(`<script>
</script>`)%>
